<template id="child-map">
	<div id="map" :style="style"></div>
</template>

<script>
	export default {
		data() {
			return {
				style: {
					width: '100%',
					height: this.m.height + 'px'
				}
			}
		},
		/*props:{		//里面存放的也是数据，与data里面的数据不同的是，这里的数据是从其他地方得到的数据
		  height:{
		    type:Number,
		    default:300
		  },
		  longitude:{
		    type:Number,
		    default:116.404
		  },	//定义经度
		  latitude:{//定义纬度
		    type:Number,
		    default:39.915
		  }
		},*/
		props: ['m'],
		mounted() {
			// 百度地图API功能
			var map = new BMap.Map("map");
			var point = new BMap.Point(116.331398, 39.897445);
			map.centerAndZoom(point, 12);

			var geolocation = new BMap.Geolocation();
			geolocation.getCurrentPosition(function(r) {
				if(this.getStatus() == BMAP_STATUS_SUCCESS) {
					var mk = new BMap.Marker(r.point);
					map.addOverlay(mk);
					map.panTo(r.point);
					alert('您的位置：' + r.point.lng + ',' + r.point.lat);
				} else {
					alert('failed' + this.getStatus());
				}
			}, {
				enableHighAccuracy: true
			})
			/*
			var map = new BMap.Map("map");
			var point = new BMap.Point(this.m.longitude, this.m.latitude);
			map.centerAndZoom(point, 15);
			var marker = new BMap.Marker(point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

			var opts = {
				width: 250, // 信息窗口宽度
				height: 80, // 信息窗口高度
				title: "信息窗口", // 信息窗口标题
				enableMessage: true //设置允许信息窗发送短息
			};
//			marker.addEventListener("mouseover", e => {
				var p = marker;
				alert(this.m.longitude)
				var point = new BMap.Point(this.m.longitude, this.m.latitude);
				var infoWindow = new BMap.InfoWindow("雅艺德智能数齿科技有限公司", opts); // 创建信息窗口对象
				map.openInfoWindow(infoWindow, point); //开启信息窗口
//			});
				*/
		},
		created() {
			this.style.height = (window.screen.height - 50) + "px";
		}
	}
</script>